
$(".normal-btn").on("click",function(){
    $(".button").css("display","none");
     $(init(600));
    //  start()
})
$(".highSpeed-btn").on("click",function(){
    $(".button").css("display","none");
    $(init(400));
})
function init(speed){
    var score = 0;
    start()
    function create() {
        var index = Math.floor(Math.random() * 4);
        $("<div class = 'row'><div class='block-item'></div><div class='block-item'></div><div class='block-item'></div><div class='block-item'></div></div>").prependTo($(".main"));
        // console.log($('.row').eq(5));
        $('.row div').eq(index).addClass('black').on("click", function () {
            $(this).addClass('active')
        });
        if ($('.row').length >= 5) {
            $('.row').eq(6).remove();

        }
    }
    //移动
    function move() {
        setInterval(function(){
            $(".row").animate({
                top: '+=150px'
            }, speed, 'linear');
            if ($('.row').has(".black").last().offset().top > 630) {
                $(".row").stop();
                shibai();
            }
            create();
        },speed)     
       
    }

    function start() {
        create();
        move();
        $(".box").on("click", ".block-item", failure);

    }

    function failure() {
        if (!$(this).hasClass('black')) {
            alert("..失败");
            window.location.reload();
            console.log(!$(this).hasClass('black'))
        } else {
            $(this).removeClass("black");
            score++;
            $(".score").html("得分："+score);
        }

    }

    function shibai() {
        $(".row").stop();
        alert("失败");
        window.location.reload();

    }
}
  
